<template>
    <mt-swipe :auto="4000">
        <mt-swipe-item v-for="item in lunboList" :key="item.id">
            <img :src="item.img" alt="" :class="{'full':isFull}">
        </mt-swipe-item>
    </mt-swipe>
</template>

<script>
export default {
    // 定义公用组件时，发现有些参数不同的时候，
    // 可以使用父组件向子组件传递属性的方式，来确定是否使用相应 的属性，子组件用props:[]接收
    // lunboList:为根据不同id拿到不同数据
    // isFull 表示父组件传递过来的标志表示是否引用相对应的属性或者样式
    props:['lunboList',"isFull"]
};
</script>

<style lang="scss" scoped>
// 轮播图
.mint-swipe {
  height: 200px;
  .mint-swipe-item {
    img {
      height: 100%;
    }
    .mui-media-body {
        font-size: 13px;
    }
  }

  .full {
      width: 100%;
  }
}
</style>


